//公共css
@mixin button {
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    cursor: pointer;
    &:active {
        background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
    }
}

@mixin single {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@mixin manny($num) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $num;
    overflow: hidden;
}

@mixin box-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}

// 水平垂直居中
@mixin view-center {
    display: flex;
    justify-content: center;
    align-items: center;
}